.mobile i,.nav li a:after,.nav,span,.BannerBtn span::after,.cpxlnr_list h6{
	transition: all .8s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1);
}

input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: rgba(51,51,51,.6);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
		color: rgba(51,51,51,.6);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
		color: rgba(51,51,51,.6);
}


header{font-size: 0;box-sizing: border-box;position: absolute;width: 100%;z-index: 99;padding: 0 13.5%;box-sizing: border-box;}
header.ac{background: #fff;box-shadow: 0 0 10px 3px rgba(89,89,89,.3);}
.nav{opacity: 1;}
.nav.ac{opacity: 1;}



.logo{display: inline-block;vertical-align: middle;width: 20%;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 203px;width: 100%;}
.nav{display: inline-block;vertical-align: middle;text-align: right;width: 65%;}
.nav ul{font-size: 0;}
.nav ul li{display: inline-block;box-sizing: border-box;}
.nav ul li a{font-size: 18px;color: #3a3b3b;display: inline-block;vertical-align: middle;line-height: 96px;padding: 0 36px;box-sizing: border-box;position: relative;}
.nav ul li a::after{content: '';display: block;width: 0%;height: 4px;background: url(../images/jb_02.jpg) center center;background-size: 100% 100%;position: absolute;top: 0;left: 0;}
.nav ul li:hover a,.nav ul li.ac a{color: #468f44;}
.nav ul li:hover a::after,.nav ul li.ac a::after{width: 100%;}
.nav ul li:nth-of-type(3) .navlist_l a{display: inline-block !important;width: 50%;}
.zywqh{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 15%;text-align: right;}
.htewm,.zywqh a{display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;}
.htewm{font-size: 0;cursor: pointer;}
.htewm span{display: inline-block;font-size: 20px;line-height: 96px;color: #353535;}
.htewm h6{position: absolute;width: 158px;height: 158px;top: 100%;left: 50%;border: 5px solid #468f44;display: none;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.htewm h6 img{width: 100%;}
.htewm:hover h6{display: block;}
.htewm:hover span{color: #468f44;}
.zywqh a{font-size: 18px;color: #333;}
.zywqh a::before{content: '';display: inline-block;width: 1px;height: 16px;background: #333;margin: 0 24px;display: none;}
.zywqh a:hover{color: #468f44;}
.dhys{display: inline-block;margin-left: 33px;vertical-align: middle;width: 50px;height: 50px;background: url(../images/jb_02.jpg) center center;background-size: 100% 100%;border-radius: 50%;position: relative;
	cursor: pointer;
}
.dhys i{display: block;width: 22px;height: 1px;background: #fff;}
.dhys i:nth-of-type(2){margin: 5px 0;}
.mobile1{position: absolute;top: 50%;left: 50%;text-align: center;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}

.navlist{position: absolute;top: 200%;font-size: 0;padding: 46px 168px 72px 58px;right: 0;width: 62%;box-sizing: border-box;opacity: 0;visibility: hidden;background: url(../images/jb_02.jpg) center center;
	background-size: 100% 100%;
}
.navlist_l,.navlist_r{display: inline-block;vertical-align: top;text-align: left;}
.navlist_l a{display: block !important;line-height: 48px !important;font-size: 18px !important;padding: 0 !important;padding-left: 25px;color: #fff !important;}
.navlist_l{width: 64%;}
.navlist_r{width: 36%;}
.navlist_r img{width: 100%;}
.nav ul li:hover .navlist_l a{background: none !important;color: #595757;}
.navlist_l a:hover{color: #468f44 !important;}
.navlist_l a::before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background: #fff;border-radius: 50%;margin-right: 16px;}
.navlist_l a::after{display: none !important;}
.navlist_l a:hover::before{background: #468f44;}
.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;}







footer{position: relative;font-size: 0;background: #192119;}
.ft{padding: 145px 0 65px;border-bottom: 1px solid rgba(255,255,255,.3);}
.ftl,.ftr{display: inline-block;vertical-align: top;box-sizing: border-box;}
.ftl{width: 80%;}
.ftr{width: 20%;text-align: right;display: none;}
.ftl ul{font-size: 0;}
.ftl ul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 40px;}
.ftl ul li a{display: block;font-size: 16px;color: rgba(255,255,255,.5);line-height: 36px;}
.ftl ul li a:first-of-type{font-size: 18px;color: #fff;margin-bottom: 50px;}
.ftl ul li:last-of-type{margin-right: 0;}
.ftl ul li a:hover{color: #468f44;}
.ftr img{width: 158px;}
.ftr p{font-size: 14px;color: #fff;}
.ftr span{font-size: 20px;color: #fff;}
.fb{padding: 75px 0;font-size: 0;}
.fbl,.fbr{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.fbl{width: 60%;}
.fbr{width: 40%;text-align: right;}
.fbl p,.fbl a{font-size: 14px;color: rgba(255,255,255,.4);}
.fbl a{display: inline-block;margin-left: 15px;}
.fbl a:hover{color: #fff;}
.fbr h3 img,.fbr h3 i,.fbr h3 strong{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.fbr h3 i{margin-left: 14px;margin-right: 10px;font-size: 18px;color: #9ec479;}
.fbr h3 strong{font-size: 22px;font-family: Arial;font-weight: 1000;
	background-image: linear-gradient(45deg, #a3c77c, #3c883d);
	-webkit-background-clip: text;
	background-clip: text;
	 color: transparent;
}
.fbr p{font-size: 14px;color: rgba(255,255,255,.4);}

.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);
    box-sizing: border-box;padding-top: 2px;transition: 0.4s ease-in-out;display: none;}
.mobile i{display: block;margin: 0 auto;width: 23px;height: 2px;background: #c88b11;margin-top: 7px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-8px) translateX(8px);}